.avue-sidebar {
  user-select: none;
  position: relative;
  // padding-top: 74px;
  height: 100%;
  position: relative;
  background-color: #fff;
  // background-color: red;
  transition: width 0.2s;
  box-sizing: border-box;
  // box-shadow: 2px 0 6px rgba(0,21,41,.35);
  &--tip {
    width: 90%;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: absolute;
    top: 5px;
    left: 5%;
    color: #ccc;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .el-menu-item,
  .el-submenu__title {
    font-size: 16px;
    height: 56px;
    line-height: 56px;
  }
  .el-menu-item {
    span,
    i {
      color: #252525;
    }
    &:hover {
      background: #f0f2f8; // 一级菜单hover颜色（没有子菜单）
      color: #fff;
      span,
      i {
        // color: #fff;
      }
    }
    &.is-active {
      background-color: #e9effd;
      span,
      i {
        color: #275fe8;
      }
      &:hover {
        // background-color: rgba(0, 0, 0, .8);
      }
      // &::before {
      //     content: " ";
      //     top: 0;
      //     left: 0;
      //     bottom: 0;
      //     width: 4px;
      //     background: $mainBg;
      //     position: absolute
      // }
    }
  }
  .el-submenu__title {
    span,
    i {
      color: #252525;
    }
    &:hover {
      i,
      span {
        // color: #275FE8;
      }
      background-color: transparent;
    }
  }

  .el-submenu .menu-wrapper .el-submenu .el-menu {
    padding-left: 20px !important;

    .el-menu-item {
      width: auto !important;
      min-width: auto !important;
    }
  }

  .el-submenu .el-menu-item {
    height: 42px;
    line-height: 42px;
    width: 184px;
    min-width: 184px;
    margin: 0 16px;
    padding-left: 24px !important;
    display: flex;
    span,
    i {
      color: #252525;
    }
    &.is-active {
      background-color: #e9effd;
      span,
      i {
        color: #275fe8;
      }
      &:hover {
        background-color: #e9effd;
      }
    }
    &:hover {
      background-color: #f0f2f8;
      span,
      i {
        // color: #fff;
      }
    }
  }
}
.el-menu--vertical .el-menu--popup {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  .el-menu-item:hover {
    background-color: #f0f2f8;
  }
}

.el-menu--vertical .el-menu .menu-wrapper {
  background-color: #fff !important;
}